<!DOCTYPE html>
<html>
<head>
	<meta http-quiv="content-type" content="text/html" >
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" >
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="http://weba.vn" />
	<title>Home Page - MBE - Making Buying Easy</title>
    <link type="text/css" rel="stylesheet" href="css/reset.css" />
    <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
    <link type="text/css" rel="stylesheet" href="css/responsive-slider.css" />
    <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
	<header>
		<div class="container">
			<div class="row">
				<div class="col-sm-7 logo">
					<a href="index.html">
						<img src="images/logo.png" alt="" class="img-responsive">
					</a>
				</div>
				<div class="col-sm-5">
                    <div class="row box-cart">
                        <div class="col-sm-8 col-sm-offset-3">
                            <div class="row">
                                <div class="col-sm-6 text-right">
                                    <a href="">Login</a>&nbsp;/&nbsp;
                                    <a href="">Signup</a>
                                </div>
                                <div class="col-sm-6 text-right cart"><a href=""><span class="glyphicon glyphicon-shopping-cart"></span> My basket</a></div>
                            </div>
                        </div>
                    </div>
					<div class="row box-search">
						<form class="form form-inline">
							<div class="control-group col-sm-7 col-sm-offset-2">
								<input type="text" class="form-control input-sm" placeholder="What are you looking for?">
							</div>
							<div class="control-group col-sm-3">
								<input type="submit" class="btn btn-purple" value="search">
							</div>
						</form>
					</div>
                    <div class="row top-menu">
                        <div class="col-sm-offset-2">
                        <ul class="nav nav-pills">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="">About</a></li>
                            <li><a href="">Delivery</a></li>
                            <li><a href="">Return</a></li>
                            <li><a href="">Contact</a></li>
                        </ul>
                    </div>
                    </div>
				</div>
			</div>
		</div>
	</header>
	<div class="container wrapper">
		<nav class="navbar navbar-default top-nav" role="navigation">
            <div class="container">
                 <!-- Brand and toggle get grouped for better mobile display -->
                  <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-nav">
                      <span class="sr-only">Toggle navigation</span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand home" href="index.html"><img src="images/home-01.png" alt=""></a>
                  </div>
    			<div class="navbar-collapse collapse" id="bs-nav">
    				<ul class="nav navbar-nav">
    					<li class="dropdown">
                            <a href="#" class="dropdown-toggle lv1" data-toggle="dropdown">Printers<br>& Components <b class="caret"></b></a>
                            <ul class="dropdown-menu lv2">
                                <li class="dropdown-submenu" rel="images/feature01.png">
                                    <a href="#"  tabindex="-1">Submenu 1-1</a>
                                    <ul class="dropdown-menu lv3">
                                        <li><a href="" class="lv3">Submenu 2-1</a></li>
                                        <li><a href="" class="lv3">Submenu 2-2</a></li>
                                        <li><a href="" class="lv3">Submenu 2-3</a></li>
                                        <li><a href="" class="lv3">Submenu 2-4</a></li>
                                        <li><a href="" class="lv3">Submenu 2-5</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu" rel="images/feature02.png">
                                    <a href="#" tabindex="-1">Submenu 1-2</a>
                                    <ul class="dropdown-menu lv3">
                                        <li><a href="" class="lv3">Submenu 2-1</a></li>
                                        <li><a href="" class="lv3">Submenu 2-2</a></li>
                                        <li><a href="" class="lv3">Submenu 2-3</a></li>
                                        <li><a href="" class="lv3">Submenu 2-4</a></li>
                                        <li><a href="" class="lv3">Submenu 2-5</a></li>
                                    </ul>
                                </li>
                                <li><a href="" class="lv2">Submenu 1-3</a></li>
                                <li><a href="" class="lv2">Submenu 1-4</a></li>
                                <li><a href="" class="lv2">Submenu 1-5</a></li>
                            </ul>
                        </li>
    					<li><a href="products.html" class="lv1">Cameras <br />& Equipments</a></li>
    					<li><a href="products.html" class="lv1">TVs, Monitors <br />& Projectors</a></li>
    					<li><a href="products.html" class="lv1">Computers <br />& Components</a></li>
    					<li><a href="" class="lv1">Audio <br />& Video</a></li>
    					<li><a href="" class="lv1">Data <br />Storage</a></li>
    					<li><a href="" class="lv1">Electrical Equipment <br />& Supplie</a></li>
    					<li><a href="" class="lv1">Handhelds <br />& Accessories</a></li>
    					<li><a href="" class="lv1">Software<br />&nbsp;</a></li>
    					<li><a href="" class="lv1">Office<br />&nbsp;</a></li>
    					<li><a href="" class="lv1">Others<br />&nbsp;</a></li>
    				</ul>
    			</div>
            </div>
		</nav>
		<div class="row text-center">
			<div class="col-sm-3"><img alt="" src="images/moneyback-01.png">  &nbsp;MONEY-BACK GUARANTEE</div>
			<div class="col-sm-3"><img alt="" src="images/customerSer-01.png">  &nbsp;CUSTOMER SERVICE</div>
			<div class="col-sm-3"><img alt="" src="images/secure-01.png">  &nbsp;SECURE PAYMENT</div>
			<div class="col-sm-3"><img alt="" src="images/delivery-01.png">  &nbsp;DELIVERY SERVICES</div>
		</div>
	   <!-- Slider section start here -->
       <div class="container" id="slider">
            <div class="row">
                <!-- Responsive slider - START -->
                <div class="responsive-slider" data-spy="responsive-slider" data-autoplay="true">
                  <div class="slides" data-group="slides">
                    <ul>
                      <li>
                        <div class="slide-body container" data-group="slide">
                            <div class="text-center">
                            <img class="" src="images/sliderBg-03.png">
                          </div>
                          <div class="caption header" data-animate="slideAppearRightToLeft" data-delay="500" data-length="300">
                            <h2>CANON PGI - 525, CLI-526 <br />(40 INKS)</h2>
                            <div class="caption sub" data-animate="slideAppearLeftToRight" data-delay="800" data-length="300">
                                	<div class="">Far far away, behind the word mountains, far from the countries Vokalia<br />
			                        and Consonantia`, there live the blind texts. Separated they live in Bookmarksgrove<br />
			                        right at the coast of the Semantics, a large language ocean. A small river named<br />
			                        Duden flows by their place and supplies it with the necessary regelialia. It is a<br />
			                        paradisematic country, in which roasted parts of sentences fly into your mouth.<br />
			                        Even the all-powerful Pointing has no control about the blind texts it is an almost<br />
			                        unorthographic life One day however a small line of blind text by the name of Lorem<br />
			                        Ipsum decided to leave for the far World of Grammar. </div>
                                    <a class="pull-right" href="#" class="da-link">
                                    <img src="images/search.png" />VIEW DETAILS
                                    </a>
                            </div>
                          </div>
                          <div class="caption img-html5" data-animate="slideAppearLeftToRight" data-delay="200">
                            <img src="images/product-04.png" alt="image01" />
                          </div>
                        </div>
                      </li>
                      <li>
                        <div class="slide-body container" data-group="slide">
                            <div class="text-center">
                                <img src="images/background-06.png">
                            </div>
                          <div class="caption header" data-animate="slideAppearRightToLeft" data-delay="500" data-length="300">
                            <h2>Easy management</h2>
                            <div class="caption sub" data-animate="slideAppearLeftToRight" data-delay="800" data-length="300">
                                <div class="">
                                Far far away, behind the word mountains, far from the countries Vokalia<br />
		                        and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove<br />
		                        right at the coast of the Semantics, a large language ocean. A small river named<br />
		                        Duden flows by their place and supplies it with the necessary regelialia. It is a<br />
		                        paradisematic country, in which roasted parts of sentences fly into your mouth.<br />
		                        Even the all-powerful Pointing has no control about the blind texts it is an almost<br />
		                        unorthographic life One day however a small line of blind text by the name of Lorem<br />
		                        Ipsum decided to leave for the far World of Grammar.
                                </div> 
                                <a class="pull-right" href="#" class="da-link">
                                <img src="images/search.png" />VIEW DETAILS
                                </a>
                            </div>
                          </div>
                          <div class="caption img-html5" data-animate="slideAppearDownToUp" data-delay="200">
                            <img src="images/2.png" alt="image01" />
                          </div>
                        </div>
                      </li>
                      <li>
                        <div class="slide-body container" data-group="slide">
                            <div class="text-center">
                                <img src="images/sliderBg-03.png" />
                            </div>
                          <div class="caption header" data-animate="slideAppearRightToLeft" data-delay="500" data-length="300">
                            <h2>Revolution</h2>
                            <div class="caption sub" data-animate="slideAppearLeftToRight" data-delay="800" data-length="300">
                                <div class="">
                                Far far away, behind the word mountains, far from the countries Vokalia<br />
		                        and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove<br />
		                        right at the coast of the Semantics, a large language ocean. A small river named<br />
		                        Duden flows by their place and supplies it with the necessary regelialia. It is a<br />
		                        paradisematic country, in which roasted parts of sentences fly into your mouth.<br />
		                        Even the all-powerful Pointing has no control about the blind texts it is an almost<br />
		                        unorthographic life One day however a small line of blind text by the name of Lorem<br />
		                        Ipsum decided to leave for the far World of Grammar.
                                </div> 
                                <a class="pull-right" href="#" class="da-link">
                                <img src="images/search.png" />VIEW DETAILS
                                </a>
                            </div>
                          </div>
                          <div class="caption img-html5" data-animate="slideAppearDownToUp" data-delay="200">
                            <img src="images/3.png" alt="image01" />
                          </div>
                        </div>
                      </li>
                    </ul>
                  </div>
                  <a class="slider-control left" href="#" data-jump="prev">&nbsp;</a>
                  <a class="slider-control right" href="#" data-jump="next">&nbsp;</a>
                  <div class="pages">
                    <a class="page" href="#" data-jump-to="1">1</a>
                    <a class="page" href="#" data-jump-to="2">2</a>
                    <a class="page" href="#" data-jump-to="3">3</a>
                  </div>
                </div>
                <!-- Responsive slider - END -->
            </div>
       </div>
  		<!-- Slider section end here -->
		<div class="container feature">
            <h1 class="title">FEATURING</h1>
            <div class="row">
                <div id="r_f" class="row-feature col-sm-3">
                    <a href="detail_product.html" class="row">
                        <div class="col-sm-6">
                        	<img class="img-responsive" src="images/feature01.png">
                        </div>
                        <div class="col-sm-6">
                        	<h3>HP PRINTER</h3>
                            <p>Check out our selection of printers</p>
                            <div class="featureArrow"></div>
                        </div>
                    </a>
                </div>
                <div class="row-feature col-sm-3">
                    <a href="detail_product.html" class="row">
                        <div class="col-sm-6">
                        	<img class="img-responsive"  src="images/feature02.png">
                        </div>
                        <div class="col-sm-6">
                        	<h3>HP PRINTER</h3>
                            <p>Check out our selection of printers</p>
                            <div class="featureArrow"></div>
                        </div>
                    </a>
                </div>
                <div class="row-feature col-sm-3">
                    <a href="detail_product.html" class="row">
                        <div class="col-sm-6">
                        	<img class="img-responsive"  src="images/feature03.png">
                        </div>
                        <div class="col-sm-6">
                        	<h3>HP PRINTER</h3>
                            <p>Check out our selection of printers</p>
                            <div class="featureArrow"></div>
                        </div>
                    </a>
                </div>
                <!--  ads -->
                <div class="row-feature row-feature-ads col-sm-3">
                    <a href="#" class="row">
                    	<div align="center" class="image">
                            <img src="images/coutdown.png">
                        </div>
                        <h4>COUNTDOWN SALES</h4>
                        <h5>Hurry up for more !</h5>
                    </a>
                </div>
                <!-- # ads -->
            </div>
            <div class="row">
                <div class="row-feature col-sm-3">
                    <a href="detail_product.html" class="row">
                        <div class="col-sm-6">
                        	<img class="img-responsive" src="images/feature04.png">
                        </div>
                        <div class="col-sm-6">
                        	<h3>HP PRINTER</h3>
                            <p>Check out our selection of printers</p>
                            <div class="featureArrow"></div>
                        </div>
                    </a>
                </div>
                <div class="row-feature col-sm-3">
                    <a href="detail_product.html" class="row">
                        <div class="col-sm-6">
                        	<img class="img-responsive"  src="images/feature05.png">
                        </div>
                        <div class="col-sm-6">
                        	<h3>HP PRINTER</h3>
                            <p>Check out our selection of printers</p>
                            <div class="featureArrow"></div>
                        </div>
                    </a>
                </div>
                <div class="row-feature col-sm-3">
                    <a href="detail_product.html" class="row">
                        <div class="col-sm-6">
                        	<img  class="img-responsive" src="images/feature06.png">
                        </div>
                        <div class="col-sm-6">
                        	<h3>HP PRINTER</h3>
                            <p>Check out our selection of printers</p>
                            <div class="featureArrow"></div>
                        </div>
                    </a>
                </div>
                <!-- feature ads -->
                <div class="row-feature row-feature-ads col-sm-3 ">
                    <a href="detail_product.html" class="row">
                    	<div align="center"><img src="images/guideline.png"></div>
                        <h4>BUYING GUIDELINES</h4>
                        <h5>Let us make your buying easier!</h5>
                    </a>
                </div>
                <!-- # feature ads -->
            </div>
		</div>
		<!-- lastest product -->
		<div class="container lastest">
			<h1 class="title">LASTEST PRODUCTS</h1>
            <div class="row">
    			<div class="col-sm-3 col-left">
                    <div class="row">
        				<div class="product col-sm-11">
                            <a href="detail_product.html" class="col-sm-11">
                                <span class="soldout">SOLD OUT</span>
                                <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                <div class="priceTag row">
                                	<span class="col-sm-3 old-price">$1.200</span>
                                    <span class="col-sm-3 new-price">$1000</span>
                                    <div class="button col-sm-6 text-right">
                                        <img src="images/add.png">
                                        <img src="images/search.png">
                                    </div>
                                </div>
                                <div class="productImg">
                                	<img class="img-responsive" alt="" src="images/pros.png">
                                </div>
                            </a>
                        </div>
    				</div> <!-- end -->
                    <div class="row">
        				<div class="product  col-sm-11">
                            <a href="detail_product.html" class="col-sm-11">
                                <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                <div class="priceTag row">
                                	<span class="col-sm-3">$1.200</span>
                                    <span class="col-sm-3">&nbsp;</span>
                                    <div class="button col-sm-6 text-right">
                                        <img src="images/add.png">
                                        <img src="images/search.png">
                                    </div>
                                </div>
                                <div class="productImg">
                                	<img class="img-responsive" alt="" src="images/pros-15.png">
                                </div>
                            </a>
                        </div>
    				</div> <!-- end -->
                    <div class="row">
        				<div class="product  col-sm-11">
                            <a href="detail_product.html" class="col-sm-11">
                                <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                <div class="priceTag row">
                                	<span class="col-sm-3">$1.200</span>
                                    <span class="col-sm-3">&nbsp;</span>
                                    <div class="button col-sm-6 text-right">
                                        <img src="images/add.png">
                                        <img src="images/search.png">
                                    </div>
                                </div>
                                <div class="productImg">
                                	<img class="img-responsive" alt="" src="images/pros.png">
                                </div>
                            </a>
                        </div>
    				</div> <!-- end -->
    				<div class="row promotion">
    					<div class="col-sm-11">
                            <div class="col-sm-6">
                                <h4>21 to 25 <br>September</h4>
                            </div>
                            <div class="col-sm-6 text-right">
                                <h4>Season<br>Sale</h4>
                                <hr align="right">
                                <h4>40% off<br>Consumer Electronic</h4>
                            </div>
                        </div>
    				</div><!-- end promotion -->
                    <div class="row">
        				<div class="product  col-sm-11">
                            <a href="#" class="col-sm-11">
                                <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                <div class="priceTag row">
                                	<span class="col-sm-3">$1.200</span>
                                    <span class="col-sm-3">&nbsp;</span>
                                    <div class="button col-sm-6 text-right">
                                        <img src="images/add.png">
                                        <img src="images/search.png">
                                    </div>
                                </div>
                                <div class="productImg">
                                	<img class="img-responsive" alt="" src="images/pros.png">
                                </div>
                            </a>
                        </div>
    				</div> <!-- end -->
                    <div class="row">
        				<div class="product  col-sm-11">
                            <a href="#" class="col-sm-11">
                                <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                <div class="priceTag row">
                                	<span class="col-sm-3">$1.200</span>
                                    <span class="col-sm-3">&nbsp;</span>
                                    <div class="button col-sm-6 text-right">
                                        <img src="images/add.png">
                                        <img src="images/search.png">
                                    </div>
                                </div>
                                <div class="productImg">
                                	<img class="img-responsive" alt="" src="images/pros-15.png">
                                </div>
                            </a>
                        </div>
    				</div> <!-- end -->
    			</div>
    			<div class="col-sm-9 col-right">
    				<div class="row">
                        <div class="col-sm-4">
                            <div class="product col-sm-12">
                                <a href="detail_product.html" class="row col-sm-12">
                                    <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                    <div class="priceTag row">
                                    	<span class="col-sm-3">$1.200</span>
                                        <span class="col-sm-3">&nbsp;</span>
                                        <div class="button col-sm-6 text-right">
                                            <img src="images/add.png">
                                            <img src="images/search.png">
                                        </div>
                                    </div>
                                    <div class="productImg">
                                    	<img class="img-responsive" alt="" src="images/pros-14.png">
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="product col-sm-12">
                                <a href="detail_product.html" class="row col-sm-12">
                                    <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                    <div class="priceTag row">
                                    	<span class="col-sm-3">$1.200</span>
                                        <span class="col-sm-3">&nbsp;</span>
                                        <div class="button col-sm-6 text-right">
                                            <img src="images/add.png">
                                            <img src="images/search.png">
                                        </div>
                                    </div>
                                    <div class="productImg">
                                    	<img class="img-responsive" alt="" src="images/pros-12.png">
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="product col-sm-12">
                                <a href="detail_product.html" class="row col-sm-12">
                                    <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                    <div class="priceTag row">
                                    	<span class="col-sm-3">$1.200</span>
                                        <span class="col-sm-3">&nbsp;</span>
                                        <div class="button col-sm-6 text-right">
                                            <img src="images/add.png">
                                            <img src="images/search.png">
                                        </div>
                                    </div>
                                    <div class="productImg">
                                    	<img class="img-responsive" alt="" src="images/pros-16.png">
                                    </div>
                                </a>
                            </div>
                        </div>
    				</div> <!-- end row -->
                    <!-- mid menu -->
                    <div class="row mid-menu">
                        <div class="col-sm-12" >
                            <div class="row">
                                <div class="col-sm-4">
                                </div>
                                <div class="col-sm-4">
                                    <div class="col-sm-10">
                                        <div class="sub-title"><h4>PRINTER &amp; PARTS</h4></div>
                                        <div class="sub-list">
                                            <div class="leftCol">
                                            	<ul>
                                                    <li><a href="#">Inkjet Printers</a></li>
                                                    <li><a href="#">Laser Printers</a></li>
                                                    <li><a href="#">Printer Parts</a></li>
                                                    <li><a href="#">Paper</a></li>
                                                </ul>
                                            </div>
                                            <div class="rightCol" style="visibility:hidden;">
                                            	<ul>
                                                    <li><a href="#">MP3 / MP4 / MP5</a></li>
                                                    <li><a href="#">Telephone</a></li>
                                                    <li><a href="#">Camera</a></li>
                                                    <li><a href="#">Camcorders</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="col-sm-10">
                                        <div class="sub-title"><h4>TV &amp; HOME ENTERTAIMENT</h4></div>
                                        <div class="row">
                                            <div class="col-sm-6">
                                            	<ul>
                                                    <li><a href="#">Televisions</a></li>
                                                    <li><a href="#">DVD / Blu-Ray</a></li>
                                                    <li><a href="#">Surround Sound</a></li>
                                                    <li><a href="#">Hi - Fi</a></li>
                                                </ul>
                                            </div>
                                            <div class="col-sm-6">
                                            	<ul>
                                                    <li><a href="#">TV Stands &amp; Mounts</a></li>
                                                    <li><a href="#">Set - Top Boxes</a></li>
                                                    <li><a href="#">Projecttors</a></li>
                                                    <li><a href="#">Media Player &amp; <br>Streaming</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end row mid-menu 1 -->
                            <div class="row">
                                <div class="col-sm-4">
                                    <div class="col-sm-10">
                                        <div class="sub-title"><h4>CONSUMER ELECTRONICS</h4></div>
                                        <div class="row">
                                            <div class="col-sm-6">
                                            	<ul>
                                                    <li><a href="#">Ipod &amp; Docks</a></li>
                                                    <li><a href="#">Speaker Docks</a></li>
                                                    <li><a href="#">Headphones</a></li>
                                                    <li><a href="#">Mobile Phones</a></li>
                                                </ul>
                                            </div>
                                            <div class="col-sm-6">
                                            	<ul>
                                                    <li><a href="#">MP3 / MP4 / MP5</a></li>
                                                    <li><a href="#">Telephone</a></li>
                                                    <li><a href="#">Camera</a></li>
                                                    <li><a href="#">Camcorders</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="col-sm-10">
                                        <div class="sub-title"><h4>COMPUTING &amp; PERIPHERALS</h4></div>
                                        <div class="row">
                                            <div class="col-sm-6">
                                            	<ul>
                                                    <li><a href="#">Laptops</a></li>
                                                    <li><a href="#">Tablet PCs</a></li>
                                                    <li><a href="#">Desktop PCs</a></li>
                                                    <li><a href="#">Netbooks</a></li>
                                                </ul>
                                            </div>
                                            <div class="col-sm-6">
                                            	<ul>
                                                    <li><a href="#">eReaders</a></li>
                                                    <li><a href="#">Notebooks</a></li>
                                                    <li><a href="#">Accessories</a></li>
                                                    <li><a href="#">Peripherals</a></li>
                                                </ul>
                                            </div>
                                            <div class="clear"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4" style="">
                                    <div class="col-sm-12">
                                        <div class="sub-title"><h4>STORAGE &amp; BLANK MEDIA</h4></div>
                                        <div class="row">
                                            <div class="col-sm-6">
                                            	<ul>
                                                    <li><a href="#">Internal Hard Drivers</a></li>
                                                    <li><a href="#">External Hard Drivers</a></li>
                                                    <li><a href="#">SSD/Solid State Drivers</a></li>
                                                    <li><a href="#">Memory Cards</a></li>
                                                </ul>
                                            </div>
                                            <div class="col-sm-6">
                                            	<ul>
                                                    <li><a href="#">Flash USB Memory</a></li>
                                                    <li><a href="#">Blank Media<br>(CD / DVD / Blu-Ray)</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end row mid-menu 2 -->
                        </div>
                    </div>
                    <!-- end mid menu -->
    				<div class="row">
                        <div class="col-sm-4">
                            <div class="product col-sm-12">
                                <a href="#" class="row col-sm-12">
                                    <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                    <div class="priceTag row">
                                    	<span class="col-sm-3">$1.200</span>
                                        <span class="col-sm-3">&nbsp;</span>
                                        <div class="button col-sm-6 text-right">
                                            <img src="images/add.png">
                                            <img src="images/search.png">
                                        </div>
                                    </div>
                                    <div class="productImg">
                                    	<img class="img-responsive" alt="" src="images/pros-14.png">
                                    </div>
                                </a>
                            </div>
                            <div class="product col-sm-12">
                                <a href="#" class="row col-sm-12">
                                    <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                    <div class="priceTag row">
                                    	<span class="col-sm-3">$1.200</span>
                                        <span class="col-sm-3">&nbsp;</span>
                                        <div class="button col-sm-6 text-right">
                                            <img src="images/add.png">
                                            <img src="images/search.png">
                                        </div>
                                    </div>
                                    <div class="productImg">
                                    	<img class="img-responsive" alt="" src="images/pros-15.png">
                                    </div>
                                </a>
                            </div>
                            <div class="product col-sm-12">
                                <a href="#" class="row col-sm-12">
                                    <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                    <div class="priceTag row">
                                    	<span class="col-sm-3">$1.200</span>
                                        <span class="col-sm-3">&nbsp;</span>
                                        <div class="button col-sm-6 text-right">
                                            <img src="images/add.png">
                                            <img src="images/search.png">
                                        </div>
                                    </div>
                                    <div class="productImg">
                                    	<img class="img-responsive" alt="" src="images/pros-16.png">
                                    </div>
                                </a>
                            </div>
                            <div class="product col-sm-12">
                                <a href="#" class="row col-sm-12">
                                    <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                    <div class="priceTag row">
                                    	<span class="col-sm-3">$1.200</span>
                                        <span class="col-sm-3">&nbsp;</span>
                                        <div class="button col-sm-6 text-right">
                                            <img src="images/add.png">
                                            <img src="images/search.png">
                                        </div>
                                    </div>
                                    <div class="productImg">
                                    	<img class="img-responsive" alt="" src="images/pros-14.png">
                                    </div>
                                </a>
                            </div>
                        </div> <!-- end col-right-bot-1 -->
                        <div class="col-sm-4">
                            <div class="product col-sm-12">
                                <a href="#" class="row col-sm-12">
                                    <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                    <div class="priceTag row">
                                    	<span class="col-sm-3">$1.200</span>
                                        <span class="col-sm-3">&nbsp;</span>
                                        <div class="button col-sm-6 text-right">
                                            <img src="images/add.png">
                                            <img src="images/search.png">
                                        </div>
                                    </div>
                                    <div class="productImg">
                                    	<img class="img-responsive" alt="" src="images/pros.png">
                                    </div>
                                </a>
                            </div>
                            <div class="product col-sm-12">
                                <a href="#" class="row col-sm-12">
                                    <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                    <div class="priceTag row">
                                    	<span class="col-sm-3">$1.200</span>
                                        <span class="col-sm-3">&nbsp;</span>
                                        <div class="button col-sm-6 text-right">
                                            <img src="images/add.png">
                                            <img src="images/search.png">
                                        </div>
                                    </div>
                                    <div class="productImg">
                                    	<img class="img-responsive" alt="" src="images/pros-15.png">
                                    </div>
                                </a>
                            </div>
                            <div class="product col-sm-12">
                                <a href="#" class="row col-sm-12">
                                    <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                    <div class="priceTag row">
                                    	<span class="col-sm-3">$1.200</span>
                                        <span class="col-sm-3">&nbsp;</span>
                                        <div class="button col-sm-6 text-right">
                                            <img src="images/add.png">
                                            <img src="images/search.png">
                                        </div>
                                    </div>
                                    <div class="productImg">
                                    	<img class="img-responsive" alt="" src="images/pros-16.png">
                                    </div>
                                </a>
                            </div>
                            <div class="product col-sm-12">
                                <a href="#" class="row col-sm-12">
                                    <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                    <div class="priceTag row">
                                    	<span class="col-sm-3">$1.200</span>
                                        <span class="col-sm-3">&nbsp;</span>
                                        <div class="button col-sm-6 text-right">
                                            <img src="images/add.png">
                                            <img src="images/search.png">
                                        </div>
                                    </div>
                                    <div class="productImg">
                                    	<img class="img-responsive" alt="" src="images/pros-14.png">
                                    </div>
                                </a>
                            </div>
                        </div> <!-- end col-right-bot-2 -->
                        <div class="col-sm-4">
                            <div class="product col-sm-12">
                                <a href="#" class="row col-sm-12">
                                    <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                    <div class="priceTag row">
                                    	<span class="col-sm-3">$1.200</span>
                                        <span class="col-sm-3">&nbsp;</span>
                                        <div class="button col-sm-6 text-right">
                                            <img src="images/add.png">
                                            <img src="images/search.png">
                                        </div>
                                    </div>
                                    <div class="productImg">
                                    	<img class="img-responsive" alt="" src="images/pros-14.png">
                                    </div>
                                </a>
                            </div>
                            <div class="product col-sm-12">
                                <a href="#" class="row col-sm-12">
                                    <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                    <div class="priceTag row">
                                    	<span class="col-sm-3">$1.200</span>
                                        <span class="col-sm-3">&nbsp;</span>
                                        <div class="button col-sm-6 text-right">
                                            <img src="images/add.png">
                                            <img src="images/search.png">
                                        </div>
                                    </div>
                                    <div class="productImg">
                                    	<img class="img-responsive" alt="" src="images/pros-15.png">
                                    </div>
                                </a>
                            </div>
                            <div class="product col-sm-12">
                                <a href="#" class="row col-sm-12">
                                    <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                    <div class="priceTag row">
                                    	<span class="col-sm-3">$1.200</span>
                                        <span class="col-sm-3">&nbsp;</span>
                                        <div class="button col-sm-6 text-right">
                                            <img src="images/add.png">
                                            <img src="images/search.png">
                                        </div>
                                    </div>
                                    <div class="productImg">
                                    	<img class="img-responsive" alt="" src="images/pros-16.png">
                                    </div>
                                </a>
                            </div>
                            <div class="product col-sm-12">
                                <a href="#" class="row col-sm-12">
                                    <h4>HP Photocopy Machine<br>HP - PM 5600/40I.</h4>
                                    <div class="priceTag row">
                                    	<span class="col-sm-3">$1.200</span>
                                        <span class="col-sm-3">&nbsp;</span>
                                        <div class="button col-sm-6 text-right">
                                            <img src="images/add.png">
                                            <img src="images/search.png">
                                        </div>
                                    </div>
                                    <div class="productImg">
                                    	<img class="img-responsive" alt="" src="images/pros-14.png">
                                    </div>
                                </a>
                            </div>
                        </div> <!-- end col-right-bot-3 -->
    				</div> <!-- end row -->
    			</div>
            </div>
		</div> <!-- end lastest -->
		<!-- brands -->
		<div class="container brands">
            <h1 class="title">FEATURE BRANDS</h1>
			<div class="row" id="featureBrand">
                <ul class="nav nav-pills">
    				<li><a href="#"><img class="img-responsive" src="images/hp.png"></a></li>
    				<li><a href="#"><img class="img-responsive" src="images/canon.png"></a></li>
    				<li><a href="#"><img class="img-responsive" src="images/brother.png"></a></li>
    				<li><a href="#"><img class="img-responsive" src="images/xeror.png"></a></li>
    				<li><a href="#"><img class="img-responsive" src="images/sharp.png"></a></li>
    				<li><a href="#"><img class="img-responsive" src="images/epson.png"></a></li>
    				<li><a href="#"><img class="img-responsive" src="images/samsung.png"></a></li>
    				<li><a href="#"><img class="img-responsive" src="images/ricoh.png"></a></li>
                </ul>
	       </div>
		</div>
		<!-- end brands -->
		<!-- newsletter -->
		<div class="container" id="newsLetter">
       		<div class="row">
                <div class="col-sm-2">
                	<h4 class="title">JOIN OUR <br>NEWSLETTER</h4>
                 </div>
                <div class="col-sm-6">
                    <form id="search" action="" method="post" class="form form-inline" role="form">
                        <div class="col-sm-10">
                            <input type="text" class="form-control input-sm" placeholder="Enter yout email.." size="60" name="q">
                        </div>
                        <div class="col-sm-2">
                            <button type="submit" class="btn btn-purple">Register</button>
                        </div>
                    </form>
                </div>
                <div class="col-sm-2">
                	<h4 class="title">..OR FOLLOW US ON</h4>
                 </div>
                <div class="col-sm-2 text-right">
                	<img width="38" height="38" src="images/facebook.png">
                	<img width="38" height="38" src="images/linkedin.png">
                	<img width="38" height="38" src="images/twitter.png">
                    <button class="btn btn-purple">+</button>
                </div>
            </div>
       </div>
		<!-- end newsletter -->
	</div>
	<footer>
		<div class="container">
			<div class="row">
				<div class="col-sm-6">
					<div class="col-sm-3">
		            	<h5>About Us</h5>
		                <ul>
		                	<li><a href="#">Conditions of sale</a></li>
							<li><a href="#">Term and conditions</a></li>
							<li><a href="#">Legal information</a></li>
		                </ul>
		            </div>
                    <div class="col-sm-3">
		            	<h5>Services</h5>
		                <ul>
		                	<li><a href="#">Ordering</a></li>
							<li><a href="#">Delivery options</a></li>
							<li><a href="#">Payment methods</a></li>
		                    <li><a href="#">Register</a></li>
							<li><a href="#">Track my order</a></li>
							<li><a href="#">Cancel my order</a></li>
							<li><a href="#">After-sales services</a></li>
		                </ul>
		            </div>
                    <div class="col-sm-2">
		            	<h5>About Us</h5>
		                <ul>
		                	<li><a href="#">FAQ</a></li>
							<li><a href="#">Return policy</a></li>
							<li><a href="#">Contact us</a></li>
		                </ul>
		            </div>
                    <div class="col-sm-4">
		            	<h5>Categories</h5>
		                <h6>Printers &amp; Components</h6>
		                <ul>
		                	<li><a href="#">Ink, Toner and Drums</a></li>
							<li><a href="#">Printers Deals</a></li>
							<li><a href="#">Print &amp; Scan</a></li>
		                </ul>
		            </div>
				</div>
				<div class="col-sm-6">
					<div class="col-sm-4">
		            	<h5 style="visibility:hidden">Services</h5>
		                <h6>Cameras &amp; Equipments</h6>
		                <ul>
		                	<li><a href="#">Cameras</a></li>
							<li><a href="#">Other equipments</a></li>

		                </ul>
		            </div>
                    <div class="col-sm-4">
		            	<h5 style="visibility:hidden">About Us</h5>
		                <h6>TVs, Monitors &amp; Projectors</h6>
		                <ul>
		                	<li><a href="#">Flat panel &amp; Accessories</a></li>
							<li><a href="#">LCD</a></li>
							<li><a href="#">LED</a></li>
		                    <li><a href="#">Plasma</a></li>
		                    <li><a href="#">Touch Screen Monitors</a></li>
							<li><a href="#">Digital Photo Frames</a></li>
							<li><a href="#">Projections</a></li>
							<li><a href="#">Wall &amp; Ceiling Mounts accs</a></li>
							<li><a href="#">Display Privacy Filters</a></li>
		                </ul>
		            </div>
                    <div class="col-sm-4">
		            	<h5 style="visibility:hidden">About Us</h5>
		                <h6>Data Storage</h6>
		                <ul>
                        	<li><a href="#">2.5” portable external HDD</a></li>
        					<li><a href="#">2.5” internal HDD</a></li>
        					<li><a href="#">3.5” external HDD</a></li>
                            <li><a href="#">SSD</a></li>
                            <li><a href="#">USB</a></li>
        					<li><a href="#">All storage</a></li>
                        </ul>
		            </div>
				</div>
			</div>
            <div class="row nav-bottom">
                <div class="col-sm-11 col-sm-offset-1">
                    <ul class="nav nav-pills">
                        <li><a href="#">Computers & Components</a></li>
                        <li><a href="#">Handhelds & Accessories</a></li>
                        <li><a href="#">Electrical Equipment & Supplies</a></li>
                        <li><a href="#">Others</a></li>
                        <li><a href="#">Audio & Video</a></li>
                        <li><a href="#">Office</a></li>
                        <li><a href="#">Software</a></li>
                    </ul>
                </div>
            </div>
		</div>
	</footer>
	<!-- Placed at the end of the document so the pages load faster -->
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/responsive-slider.min.js"></script>
        
	<script type="text/javascript" src="js/functions.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>
</html>